	.login-container {
		width: 100vw;
		min-height: 100vh;
		background: linear-gradient(226deg, #EBEEF8 0%, #D9F1F5 100%);
		margin: 0;
		top: 0; 
		display: flex;
		flex-direction: column; 
		.agreement{
			margin-top: 112rpx;
			.checkboxGroup{
				flex: 0 !important;
			}
			.tip{  
				font-weight: 400;
				font-size: 28rpx;
				color: #636769; 
			}
		}
		.weixin{
			margin-top: 202rpx;
			image{
				width: 72rpx;
				height: 72rpx;
			}
			.tip{ 
				font-weight: 400;
				font-size: 28rpx;
				color: #959A9D; 
				margin-bottom: 30rpx;
			}
		}
		.form-container {
			flex: 1;
			background-color: #ffffff;
			border-radius: 24rpx 24rpx 0;
			position: relative;
			z-index: 10;
			padding-top: 58rpx;
			.sumbit{
				width: 648rpx;
				height: 96rpx;
				background: linear-gradient( 270deg, #4490EB 0%, #3067EF 100%);
				border-radius: 74rpx 74rpx 74rpx 74rpx;
				font-weight: 500;
				font-size: 32rpx;
				color: #FFFFFF; 
				position: relative;
				left: 0;
				right: 0;
				margin: auto;
				margin-top: 56rpx;
			}
			.form {
				width: 648rpx;
				position: relative;
				left: 0;
				right: 0;
				margin: auto;

				.form-item {
					margin-bottom: 48rpx;
					&:last-child{
						margin-bottom: 0;
					}
					.value {
						width: 648rpx;
						height: 96rpx;
						border-radius: 0rpx 0rpx 0rpx 0rpx;
						border-bottom: 1rpx solid #D2D5DD;
						display: flex;
						align-items: center;
					}

					.label {
						font-weight: 400;
						font-size: 32rpx;
						color: #040B29;
					}
				}

			}
		}

		.header {
			width: 100%;
			display: flex;
			align-items: center;
			justify-content: center;
			position: relative;
			bottom: -20px;

			.header-text {
				font-weight: 500;
				font-size: 36rpx;
				color: #262F33;
			}

			.image-container {
				image {
					width: 292rpx;
					height: 292rpx;
					margin-left: 48rpx;
				}
			}
		}
	}